/* 总块 */
.contianer{
    width: 1600px;
    margin: 0 auto;
    height: 100%;
}

/* 导航 */
.contianer .nav{
    height: 75px;
    background-color: rgb(35, 35, 35);
    position: relative;
}

.contianer .nav a:active .box{
    background-color: rgba(255, 196, 0, 0.726);
    height: 80px;
    width:150px ;
    margin-left: -4px;
}

.contianer .nav ul{
    position: absolute;
    left: 290px;
    top: -20px;
}

.contianer .nav li{
    display: inline-block;
    list-style-type: none;
    font-size: 25px;
    line-height: 75px;
    border-right: 1px solid black;
    text-align: center;
    width: 145px;
    height: 75px;
}

.contianer .nav li.last{
    border-right: 0px;
}

.contianer .nav img{
    display: inline-block;
    height: 60px;
    left: 100px;
    position: absolute;
    top: 5px;
}

.contianer .nav a{
    text-decoration: none;
    color: rgba(255, 255, 255, 0.726);
}



/* 轮播图区域 */
.contianer .banner{
    height: 440px;
    background-color: green;
}



.contianer .banner img{
   vertical-align: bottom;
   width: 100%;
   height: 100%;
}


/* 市场 */
.contianer .market{
    height: 440px;
    background-color: rgb(245, 245, 245);
    position: relative;
}

.contianer .market ul{
    position: absolute;
    left: 100px;
    top: 10px;
}

.contianer .market li{
    display: inline-block;
    list-style-type: none;
    line-height: 75px;
    border-right: 1px solid rgb(233, 237, 242);
    text-align: center;
    width: 340px;
    height: 385px;
}

.contianer .market img{
    height: 130px;
    margin: 0px;
    padding: 0px;
    margin-top: 30px;
    display: inline-block;
}

.contianer .market span{
    white-space: pre;
}

.contianer .market li.last{
    border-right: 0px;
}

.contianer .market h2{
    margin-top: -40px;
}

.contianer .market p{
    margin-top: -50px;
}

/* 关于 */
.contianer .about{
    height: 400px;
    background-color: white;
    position: relative;
}

.contianer .about ul{
    position: absolute;
    left: 490px;
    top: 10px;
}

.contianer .about li{
    display: inline-block;
    list-style-type: none;
    line-height: 75px;
    border-right: 1px solid rgb(233, 237, 242);
    text-align: center;
    width: 440px;
    height: 350px;
}

.contianer .about li.last{
    border-right: 0px;
}

.contianer .about img{
    position: absolute;
    left: -350px;
    width: 400px;
    height:350px ;
    display: inline;
}

.contianer .about span{
    font-size: 24px;
    position: absolute;
    top: -20px;
    left: 90px;

}

.contianer .about .s2{
    position: absolute;
    font-size: 18px;
    top:30px
}

.contianer .about .s3{
    position: absolute;
    font-size: 14px;
    top:80px;
    left: 140px ;
}

.contianer .about .s4{
    position: absolute;
    font-size: 14px;
    top:100px;
    left: 90px ;
}

.contianer .about .s5{
    position: absolute;
    font-size: 14px;
    top:140px;
    left: 90px ;
}

.contianer .about .s6{
    position: absolute;
    font-size: 15px;
    top:160px;
    left: 90px ;
}

.contianer .about .s7{
    position: absolute;
    font-size: 15px;
    top:200px;
    left: 90px ;
}

.contianer .about .s8{
    position: absolute;
    font-size: 15px;
    top:240px;
    left: 90px ;
}

.contianer .about .s9{
    position: absolute;
    font-size: 15px;
    top:290px;
    left: 90px ;
}

.contianer .about .b1{
    position: absolute;
    left: 490px;
}

.contianer .about .b2{
    position: absolute;
    left: 490px ;
    height: 90px;
    width: 270px;
    top: 50px;
}

.contianer .about .b3{
    position: absolute;
    left: 490px ;
    top: 120px;
}

.contianer .about .b4{
    position: absolute;
    font-size: 15px;
    top:170px;
    left: 490px ;
}

.contianer .about .b5{
    position: absolute;
    font-size: 15px;
    top:190px;
    left: 490px ;
}

.contianer .about .b6{
    position: absolute;
    font-size: 15px;
    top:210px;
    left: 490px ;
}

.contianer .about .b7{
    position: absolute;
    font-size: 15px;
    top:230px;
    left: 490px ;
}


/* foot */
.contianer .foot{
    height: 400px;
    background-color: rgb(34, 34, 34);
    position: relative;
}

.contianer .foot ul{
    position: absolute;
    left: 490px;
    top: 10px;
}

.contianer .foot li{
    display: inline-block;
    list-style-type: none;
    line-height: 75px;
    border-right: 1px solid rgb(233, 237, 242);
    text-align: center;
    width: 440px;
    height: 350px;
}

.contianer .foot li.last{
    border-right: 0px;
}

.contianer .foot li.first{
   width: 200px; 
}

.contianer .foot .a1{
    position: absolute;
    height: 400px;
    width: 120px;
    left: 130px;
    text-align: center;
}

.contianer .foot a{
    text-decoration: none;
    color: black;
}

.contianer .foot .a2{
    position: absolute;
    height: 400px;
    width: 120px;
    left: 250px;
    text-align: center;
}

.contianer .foot .a3{
    position: absolute;
    height: 400px;
    width: 120px;
    left: 370px;
    text-align: center;
}

.contianer .foot .a4{
    position: absolute;
    height: 400px;
    width: 120px;
    left: 490px;
    text-align: center;
}

.contianer .foot .a5{
    position: absolute;
    height: 400px;
    width: 120px;
    left: 610px;
    text-align: center;
}

.contianer .foot .m1{
       position: absolute;
       width: 400px;
       left: 260px;
       top: 30px;
}

.contianer .foot .last .m2{
    position: absolute;
    width: 300px;
    left: 700px;
    top: 30px;
}